/*

*Description:	Theme CSS

*Author:		TOYEAN

*Website:		http://www.toyean.com/

*Mail:		toyean@qq.com

*Weibo:		http://weibo.com/toyean

*Version:		V1.0(2018-09-05)

*/

::-webkit-scrollbar {

  width: 10px;

}

::-webkit-scrollbar-thumb {

  border-radius: 10px;

  background: rgba(0, 0, 0, 0.2);

}

::-webkit-scrollbar-thumb:window-inactive {

  background: rgba(0, 0, 0, 0.1);

}

::-webkit-scrollbar-thumb:vertical:hover {

  background-color: rgba(0, 0, 0, 0.3);

}

::-webkit-scrollbar-thumb:vertical:active {

  background-color: rgba(0, 0, 0, 0.7);

}

::selection {

  color: #fff;

  background: #14c2ff;

}

::-moz-selection {

  color: #fff;

  background: #14c2ff;

}

a,

img,

button,

input,

textarea {

  font-family: arial, "microsoft yahei";

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

}

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  font-size: 100%;

  border: 0;

  vertical-align: baseline;

}

body {

  font-size: 14px;

  color: #666666;

}

html.cur,

body.cur {

  overflow: hidden;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

}

a {

  color: #00aeff;

  text-decoration: none;

  -webkit-transition: background-color 0.1s linear, color 0.1s linear;

  -moz-transition: background-color 0.1s linear, color 0.1s linear;

  -o-transition: background-color 0.1s linear, color 0.1s linear;

  -ms-transition: background-color 0.1s linear, color 0.1s linear;

  transition: background-color 0.1s linear, color 0.1s linear;

}

a:hover {

  text-decoration: none;

}

area {

  behavior: url(images/area.htc);

  outline: 0;

}

i {

  font-style: normal;

}

ul,

ol {

  font-size: 0;

  list-style-type: none;

}

img {

  max-width: 100%;

  height: auto;

  width: auto\9;

  border: 0;

  -webkit-transform: translateZ(0px);

  transform: translateZ(0px);

  -webkit-transition: -webkit-transform 0.2s ease 0s;

  transition: transform 0.2s ease 0s;

}

input,

textarea {

  font-size: 14px;

  font-family: arial, "microsoft yahei";

  outline: 0;

}

@font-face {

  font-family: 'icomoon';

  src: url('fonts/icomoon.eot?9kcc5g');

  src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

.fixed {

  position: fixed;

  top: 0;

}

.hide {

  display: none;

}

.shadow {

  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);

}

.transform {

  -moz-transition: all ease .3s;

  -o-transition: all ease .3s;

  -webkit-transition: all ease .3s;

  transition: all ease .3s;

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@-moz-keyframes fadeInUp {

  0% {

    opacity: 0;

    -moz-transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -moz-transform: translateY(0);

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.wrap {

  width: 1200px;

  margin: 0 auto;

  zoom: 1;

}

.wrap:after {

  content: "";

  display: block;

  clear: both;

}

.wrapper {

  font-family: arial, "microsoft yahei";

  background: #f8f8f8;

}

.topicentry,

.topicbtmentry {

  text-align: center;

}

.topicbtmentry.m {

  margin-bottom: 60px;

}

.warnbox {

  padding: 5px 0;

  font-size: 16px;

  color: #005375;

  line-height: 22px;

  text-align: center;

  border-top: 1px solid #bbe1f1;

  border-bottom: 1px solid #bbe1f1;

  background: #eefaff;

}

.warnbox a {

  font-weight: bold;

}

.top {

  line-height: 35px;

  background: #ebebeb;

  zoom: 1;

}

.top:after {

  content: "";

  display: block;

  clear: both;

}

.top .slogan {

  font-size: 14px;

  color: #666666;

}

.topnav {

  float: right;

  display: inline;

}

.topnav li {

  margin: 0 5px;

  display: inline-block;

  vertical-align: top;

}

.topnav li a {

  font-size: 14px;

  color: #666666;

}

.topnav li a:hover {

  color: #00aeff;

  text-decoration: underline;

}

.topnav li.topqr a {

  color: #5bbf23;

}

.topnav li.topqr:after {

  display: none;

}

.topnav li:after {

  content: "|";

  margin: -1px 0 0 10px;

  font-size: 12px;

  color: #999;

  display: inline-block;

  vertical-align: top;

}

.topqr {

  text-align: center;

  position: relative;

  display: inline-block;

  vertical-align: top;

}

.topqr a {

  display: inline-block;

  vertical-align: top;

}

.topqr:before {

  content: "\eb4e";

  width: 20px;

  height: 20px;

  margin: 6px 5px 0 0;

  font-size: 12px;

  color: #fff;

  font-family: icomoon;

  line-height: 20px;

  border: 1px solid #5bbf23;

  border-radius: 50%;

  cursor: pointer;

  background: #5bbf23;

  display: inline-block;

  vertical-align: top;

}

.topqr .wechatqr {

  width: 120px;

  padding: 15px 10px;

  box-shadow: 0 0 2px 0 #ddd;

  background: #fff;

  position: absolute;

  top: 35px;

  right: 0;

  z-index: 30;

  display: none;

}

.topqr .wechatqr span {

  margin-top: 5px;

  font-size: 12px;

  color: #666666;

  line-height: 18px;

  display: inline-block;

}

.topqr:hover .wechatqr {

  display: block;

}

.head {

  width: 100%;

  border-bottom: 1px solid #00aeff;

  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);

  background: #fff;

  zoom: 1;

}

.head:after {

  content: "";

  display: block;

  clear: both;

}

.header {

  zoom: 1;

}

.header:after {

  content: "";

  display: block;

  clear: both;

}

.logo,

.mlogo {

  float: left;

  display: inline;

  margin-right: 20px;

}

.logo a,

.mlogo a {

  width: 200px;

  height: 100px;

  display: table-cell;

  vertical-align: middle;

}

.logo a img,

.mlogo a img {

  width: 200px;

  vertical-align: middle;

}

.mlogo {

  display: none;

}

.sublogo {

  width: 200px;

  height: 100px;

  float: left;

  display: inline;

  display: grid;

}

.sublogo img {

  width: 200px;

  align-self: center;

  justify-self: center;

}

.promise {

  float: right;

  display: inline;

  margin-top: 40px;

}

.promise li {

  margin-right: 20px;

  line-height: 26px;

  display: inline-block;

  vertical-align: top;

  zoom: 1;

}

.promise li:after {

  content: "";

  display: block;

  clear: both;

}

.promise li img {

  width: 26px;

  height: 26px;

  float: left;

  display: inline;

  margin-right: 5px;

}

.promise li span {

  font-size: 14px;

  color: #666666;

}

.all {

  width: 220px;

  float: left;

  display: inline;

  margin-right: 30px;

  background: #fff;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

  zoom: 1;

}

.all:after {

  content: "";

  display: block;

  clear: both;

}

.all.index ul li {

  display: inline-block;

  vertical-align: top;

}

.all ul {

  width: 100%;

  float: left;

  display: inline;

  font-size: 0;

  position: relative;

}

.all ul.on li {

  display: inline-block;

}

.all li {

  width: 100%;

  height: 51px;

  line-height: 51px;

  border-bottom: 1px solid #ebebeb;

  display: none;

}

.all li.allnav {

  cursor: pointer;

  display: block;

}

.all li:first-child {

  height: 51px;

  border-bottom: 0;

  background: #00aeff;

}

.all li h3 {

  font-size: 16px;

  color: #fff;

  font-weight: 600;

  text-align: center;

}

.all li h3:before {

  content: "\e120";

  margin-right: 5px;

  font-size: 24px;

  color: #fff;

  font-family: icomoon;

  vertical-align: top;

}

.all li:last-child {

  border: 0;

}

.all li a {

  font-size: 16px;

  color: #666666;

  border-right: 1px solid #ebebeb;

  display: block;

}

.all li a:after {

  content: "\e409";

  margin-right: 5px;

  font-size: 14px;

  color: #666666;

  font-family: icomoon;

  position: absolute;

  right: 20px;

}

.all li a span {

  margin-left: 5px;

  font-size: 16px;

  color: #999;

}

.all li:hover a {

  color: #00aeff;

  border-right: 1px solid #efefef;

  background: #efefef;

}

.all li:hover a span {

  color: #00aeff;

}

.all li:hover dl {

  display: inline-block;

}

.all li:hover dl dd a {

  color: #666666;

  font-weight: normal;

  background: none;

}

.all li:hover dl dd a:hover {

  color: #00aeff;

}

.all li dd a {

  padding-right: 20px;

  font-size: 14px;

  display: inline-block;

  vertical-align: top;

}

.all dl {

  width: 980px;

  height: 415px;

  padding: 20px;

  font-size: 0;

  line-height: 28px;

  box-sizing: border-box;

  background: #efefef url(../images/allnavbg.png) no-repeat right bottom;

  position: absolute;

  top: 51px;

  left: 220px;

  z-index: 9;

  display: none;

}

.all dt {

  width: 80px;

  float: left;

  display: inline;

  font-size: 14px;

  color: #000;

  font-weight: 600;

}

.all dt:after {

  content: "\e409";

  font-size: 18px;

  color: #000;

  font-family: icomoon;

  vertical-align: top;

}

.all dd {

  margin-bottom: 10px;

  padding-bottom: 10px;

  padding-left: 80px;

  border-bottom: 1px solid #ddd;

}

.all dd a {

  padding: 0 10px;

  font-size: 14px;

  text-indent: 0;

  line-height: 28px;

  text-align: center;

  border-right: 1px dotted #ebebeb;

}

.all dd a:last-child:after {

  border: 0;

}

.all dd a:before,

.all dd a:after {

  display: none;

}

.all dd a:hover {

  color: #00aeff;

}

.menu {

  padding-left: 250px;

  line-height: 50px;

  position: relative;

}

.menu.on {

  width: 100%;

  float: none;

  margin: 0;

  border-top: 1px solid #ebebeb;

  background: #fff;

  display: block;

}

.menu.on li {

  width: 100%;

}

.menu.on li a {

  height: auto;

  padding: 0;

}

.menu.on li b {

  display: inline-block;

}

.menu ul {

  display: inline-block;

  vertical-align: top;

}

.menu .all li {

  position: static;

  display: none;

}

.menu .all .allnav {

  display: block;

}

.menu li {

  position: relative;

  display: inline-block;

  vertical-align: top;

  *display: inline;

  *zoom: 1;

}

.menu li a {

  padding: 0 25px;

  font-size: 16px;

  color: #666666;

  font-family: icomoon, "microsoft yahei";

  position: relative;

  display: block;

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

}

.menu li a i {

  margin-right: 3px;

  font-size: 15px;

  display: inline-block;

  vertical-align: top;

}

.menu li a:hover,

.menu li a.active,

.menu li a.on {

  color: #00aeff;

}

.menu li .subnav {

  min-width: 160px;

  line-height: 40px;

  position: absolute;

  top: 51px;

  left: 0;

  z-index: 99;

  display: none;

  -webkit-animation: fadeInUp .2s .1s ease both;

  -moz-animation: fadeInUp .2s .1s ease both;

}

.menu li .subnav a {

  height: 40px;

  padding: 0 20px;

  font-size: 14px;

  color: #fff;

  line-height: 40px;

  border-bottom: 1px solid #00aeff;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  position: relative;

  display: block;

}

.menu li .subnav a:before {

  content: "\e315";

  font-size: 15px;

  color: #ebebeb;

  font-family: icomoon;

  position: absolute;

  top: 0;

  left: 20px;

  vertical-align: top;

  -moz-transition: opacity .5s;

  -o-transition: opacity .5s;

  -webkit-transition: opacity .5s;

  transition: opacity .5s;

  z-index: 10;

}

.menu li .subnav a:hover {

  color: #fff;

  background: #000;

}

.menu li .subnav a:hover:before {

  color: #00aeff;

}

.menu li .subnav a.on {

  color: #00aeff;

}

.menu li .subnav a.on:before {

  opacity: 1;

}

.menu li .subnav a:last-child {

  border: 0;

}

.menu li.subcate:hover a {

  color: #fff;

  background: #00a4f5;

}

.menu li.subcate:hover a b {

  color: #fff;

}

.menu li.subcate:hover .subnav {

  background: #00aeff;

  display: block;

}

.menu li.subcate:hover .subnav a:hover {

  background: #000;

}

.menuico {

  width: 38px;

  height: 38px;

  float: left;

  border-radius: 2px;

  cursor: pointer;

  position: relative;

  z-index: 10;

  top: 21px;

  display: none;

  -webkit-transition: all 0.2s ease-in;

  -moz-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

}

.menuico span {

  width: 21px;

  height: 2px;

  background-color: #00aeff;

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  -webkit-transition: all 0.2s ease-in;

  -moz-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

}

.menuico span:first-child {

  margin-top: -6px;

}

.menuico span:last-child {

  margin-top: 6px;

}

.menuico.on span:first-child {

  width: 20px;

  margin-top: -8px;

  margin-left: -7px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

}

.menuico.on span:nth-child(2) {

  opacity: 0;

  width: 2px;

  left: 20px;

  -moz-transition-delay: 0s;

  -o-transition-delay: 0s;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  -webkit-transition: all 0.1s ease-in;

  -moz-transition: all 0.1s ease-in;

  -o-transition: all 0.1s ease-in;

  transition: all 0.1s ease-in;

}

.menuico.on span {

  background-color: #666666;

  -webkit-transform-origin: 0;

  -moz-transform-origin: 0;

  transform-origin: 0;

}

.menuico.on span:last-child {

  width: 20px;

  margin-top: 6px;

  margin-left: -7px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.tel {

  float: right;

  display: inline;

  font-size: 20px;

  line-height: 50px;

}

.tel:before {

  content: "\e970";

  width: 14px;

  height: 14px;

  margin: 14px 5px 0 0;

  padding: 4px;

  font-size: 14px;

  color: #00aeff;

  font-family: icomoon;

  text-align: center;

  line-height: 14px;

  border: 1px solid #00aeff;

  border-radius: 50%;

  display: inline-block;

  vertical-align: top;

}

.tel span {

  color: #00aeff;

  font-family: tahoma;

  font-weight: 400;

}

.main {

  background: #f8f8f8;

}

.cateimg {

  text-align: center;

}

.catemimg {

  display: none;

}

.sitemap {

  margin-bottom: 20px;

  padding: 10px 0;

  font-size: 16px;

  line-height: 50px;

  border-bottom: 1px solid #ebebeb;

}

.sitemap .homeico {

  width: 14px;

  height: 14px;

}

.sitemap .homeico:before {

  content: "\e966";

  margin-right: 5px;

  font-size: 12px;

  color: #999;

  font-family: icomoon;

  vertical-align: top;

}

.sitemap a {

  font-size: 16px;

  color: #666666;

}

.sitemap a.home {

  color: #333;

}

.sitenav {

  padding: 10px 0;

  background: #1d2737;

  zoom: 1;

}

.sitenav:after {

  content: "";

  display: block;

  clear: both;

}

.sitenav label {

  width: 58px;

  float: left;

  display: inline;

  font-size: 28px;

  color: #fff;

  line-height: 30px;

}

.sitenav label:hover {

  color: #00c9ff;

}

.sitenav ul {

  padding: 10px 0 0 100px;

}

.sitenav li {

  line-height: 40px;

  display: inline-block;

  vertical-align: top;

}

.sitenav li a {

  padding: 0 20px;

  font-size: 18px;

  color: #fff;

  display: block;

}

.sitenav li a:hover {

  color: #00aeff;

}

.sitenav li a:hover em {

  border-bottom-color: #00aeff;

}

.sitenav li a img {

  width: 40px;

  margin-right: 10px;

  vertical-align: top;

}

.sitenav li a em {

  height: 0;

  width: 0;

  display: inline-block;

  cursor: pointer;

  border-left: 7px solid transparent;

  border-bottom: 7px solid #ffffff;

  border-right: none;

  border-top: none;

}

.search {

  float: right;

  margin-top: 8px;

}

.search .text {

  width: 200px;

  height: 32px;

  float: left;

  font-family: "microsoft yahei";

  line-height: 32px;

  text-indent: 8px;

  border: 1px solid #e8e8e8;

  border-right: 0;

  outline: 0;

  box-sizing: border-box;

}

.search .on {

  border: 1px solid #00aeff;

  border-right: 0;

}

.search .btn {

  width: 50px;

  height: 32px;

  float: left;

  line-height: 18px;

  border: 0;

  outline: 0;

  cursor: pointer;

  background: #00aeff;

  overflow: hidden;

  position: relative;

}

.search .btnload {

  visibility: hidden;

  position: absolute;

  top: 50%;

  left: 50%;

  height: 13px;

  width: 13px;

  margin-top: -9px;

  margin-left: -9px;

  border: 2px solid #ffffff;

  border-top-color: rgba(255, 255, 255, 0.15);

  border-left-color: rgba(255, 255, 255, 0.15);

  border-radius: 50%;

  -webkit-animation: sqs-spin 1s infinite linear;

  -moz-animation: sqs-spin 1s infinite linear;

  -ms-animation: sqs-spin 1s infinite linear;

  -o-animation: sqs-spin 1s infinite linear;

  animation: sqs-spin 1s infinite linear;

}

.search .btntxt {

  width: 20px;

  height: 20px;

  margin-top: -9px;

  margin-left: -9px;

  font-size: 0;

  position: absolute;

  top: 50%;

  left: 50%;

  visibility: visible;

}

.search .btntxt:after {

  content: "\e077";

  font-size: 18px;

  color: #fff;

  font-family: icomoon;

}

.search .submit .btnload {

  visibility: visible;

}

.search .submit .btntxt {

  visibility: hidden;

}

.searchico {

  width: 38px;

  height: 38px;

  float: right;

  display: inline;

  margin-top: 21px;

  display: none;

}

.searchico a {

  font-size: 0;

  line-height: 38px;

}

.searchico a:before {

  content: "\e077";

  font-size: 22px;

  color: #00aeff;

  font-family: icomoon;

}

@-webkit-keyframes sqs-spin {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}

@-moz-keyframes sqs-spin {

  0% {

    -moz-transform: rotate(0deg);

  }

  100% {

    -moz-transform: rotate(360deg);

  }

}

@-ms-keyframes sqs-spin {

  0% {

    -ms-transform: rotate(0deg);

  }

  100% {

    -ms-transform: rotate(360deg);

  }

}

@-o-keyframes sqs-spin {

  0% {

    -o-transform: rotate(0deg);

  }

  100% {

    -o-transform: rotate(360deg);

  }

}

@keyframes sqs-spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.focus {

  width: 100%;

  max-height: 600px;

  margin-bottom: 30px;

  font-size: 0;

}

.focus a {

  text-align: center;

  display: block;

}

.focus a img {

  max-height: 600px;

}

.mfocus {

  margin-bottom: 20px;

  display: none;

}

.mfocus a {

  text-align: center;

  display: block;

}

.mfocus a img {

  width: 100%;

}

.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: 20px;

}

.swiper-pagination-bullet {

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: #fff;

  display: inline-block;

  opacity: .8;

}

.swiper-pagination-bullet-active {

  width: 15px;

  border-color: #00aeff;

  border-radius: 2px;

  background: #00aeff;

  opacity: .8;

}

.swiper-button-prev,

.swiper-button-next {

  opacity: .5;

}

.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

  right: 0;

}

.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

  left: 0;

}

.swiper-button-prev,

.swiper-button-next {

  background: #333;

  opacity: .6;

}

.swiper-button-prev:after,

.swiper-button-next:after {

  font-size: 28px;

  color: #fff;

  font-family: icomoon;

  text-align: center;

  line-height: 45px;

  display: block;

}

.swiper-button-prev:hover,

.swiper-button-next:hover {

  opacity: 1;

}

.swiper-button-prev:hover:after,

.swiper-button-next:hover:after {

  background: #00aeff;

}

.swiper-button-prev:after {

  content: "\e314";

}

.swiper-button-next:after {

  content: "\e315";

}

.nums {

  line-height: 55px;

  zoom: 1;

}

.nums:after {

  content: "";

  display: block;

  clear: both;

}

.nums .wrap {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px dotted #ebebeb;

}

.nums h3 {

  width: 200px;

  float: left;

  display: inline;

  font-size: 26px;

  color: #333;

}

.nums ul {

  float: right;

  display: inline;

  zoom: 1;

  display: block;

}

.nums ul:after {

  content: "";

  display: block;

  clear: both;

}

.nums li {

  float: left;

  display: inline;

  margin-left: 20px;

  font-size: 16px;

  color: #999;

  zoom: 1;

}

.nums li:after {

  content: "";

  display: block;

  clear: both;

}

.nums li i {

  float: left;

  display: inline;

  margin-right: 10px;

  padding: 0 5px;

  font-size: 46px;

  color: #e95513;

  border-radius: 3px;

  box-sizing: border-box;

}

.selling {

  zoom: 1;

}

.selling:after {

  content: "";

  display: block;

  clear: both;

}

.selling .ads {

  width: 330px;

  float: left;

  display: inline;

}

.selling .ads a {

  width: 100%;

  height: 0;

  padding-bottom: 70%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.selling .ads img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.sellingcon {

  padding-left: 400px;

}

.sellingcon li {

  width: 25%;

  text-align: center;

  display: inline-block;

  vertical-align: top;

}

.sellingimg {

  width: 80px;

  height: 80px;

  margin: 20px auto;

}

.sellingimg a {

  width: 100%;

  height: 0;

  padding-bottom: 100%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.sellingimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.sellingname {

  margin-bottom: 10px;

}

.sellingname a {

  font-size: 16px;

}

.sellingintro {

  margin-bottom: 10px;

  padding: 0 20px;

  font-size: 14px;

  color: #999;

}

.sellingprice {

  font-size: 12px;

}

.sellingprice strong {

  font-size: 18px;

  color: #e95513;

  font-weight: normal;

}

.caption {

  padding: 50px 0;

  text-align: center;

}

.caption h3 {

  height: 13px;

  /* border-bottom: 1px solid #ebebeb; */

  position: relative;

}

.caption h3 span {

  padding: 0 30px;

  font-size: 18px;

  color: #333333;

  background: #f8f8f8;

}

.service .tabnav {

  text-align: center;

}

.service .tabnav ul {

  margin-bottom: 30px;

  border-bottom: 1px solid #ffc68e;

}

.service .tabnav li {

  width: 10%;

  height: 50px;

  font-size: 14px;

  color: #666666;

  text-align: center;

  cursor: pointer;

  position: relative;

  display: inline-block;

  vertical-align: top;

}

.service .tabnav li.on {

  color: #00aeff;

}

.service .tabnav li.on:before {

  content: "";

  width: 18px;

  height: 18px;

  margin: 0 0 0 -12px;

  border-radius: 50%;

  border: 3px solid #b2e7ff;

  position: absolute;

  bottom: -13px;

  left: 50%;

  cursor: pointer;

  background: #00aeff;

}

.service .tabnav li:before {

  content: "";

  width: 14px;

  height: 14px;

  margin: 0 0 0 -7px;

  border-radius: 50%;

  cursor: pointer;

  background: #ffc68e;

  position: absolute;

  bottom: -7px;

  left: 50%;

  display: inline-block;

  vertical-align: top;

}

.service .tabnav li br {

  display: none;

}

.service .tabnav dl {

  height: 7px;

  margin-bottom: 50px;

  border-bottom: 1px solid #ffc68e;

  position: relative;

}

.service .tabnav dl dd {

  width: 7.7%;

  text-align: center;

  display: inline-block;

  vertical-align: top;

}

.service .tabnav dl dd:before {

  content: "";

  width: 14px;

  height: 14px;

  border-radius: 50%;

  cursor: pointer;

  background: #ffc68e;

  display: inline-block;

  vertical-align: top;

}

.service .tabnav dl dd.on:before {

  content: "";

  width: 18px;

  height: 18px;

  margin-top: -4px;

  border-radius: 50%;

  border: 3px solid #b2e7ff;

  cursor: pointer;

  background: #00aeff;

}

.service .tabcon li {

  margin-left: -2%;

  font-size: 0;

  display: none;

}

.service .tabcon li.on {

  display: block;

}

.service .tabimg {

  width: 48%;

  margin-left: 2%;

  display: inline-block;

  vertical-align: top;

}

.service .tabimg a {

  width: 100%;

  height: 0;

  padding-bottom: 61.7%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.service .tabimg a span {

  font-size: 14px;

  color: #666666;

  position: absolute;

  top: 10px;

  right: 15px;

}

.service .tabimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.service .tabimglist {

  width: 48%;

  margin-left: 2%;

  display: inline-block;

  vertical-align: top;

}

.service .tabimglistimg {

  width: 48%;

  display: inline-block;

  vertical-align: top;

}

.service .tabimglistimg a {

  width: 100%;

  height: 0;

  padding-bottom: 60%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.service .tabimglistimg a span {

  font-size: 14px;

  color: #666666;

  position: absolute;

  top: 10px;

  right: 15px;

}

.service .tabimglistimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.service .tabimglistimg:nth-child(2n) {

  margin: 0 0 4% 4%;

}

.salecon {

  margin-bottom: 20px;

}

.salecon ul {

  margin-left: -2%;

  font-size: 0;

  zoom: 1;

}

.salecon ul:after {

  content: "";

  display: block;

  clear: both;

}

.salecon li {

  width: 48%;

  float: left;

  display: inline;

  margin-left: 2%;

  padding: 10px;

  box-sizing: border-box;

  background: #ebebeb;

  vertical-align: top;

  zoom: 1;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.salecon li:after {

  content: "";

  display: block;

  clear: both;

}

.saleimg {

  width: 50%;

  float: left;

  display: inline;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-align-items: flex-end;

  align-items: flex-end;

}

.saleimg a {

  width: 100%;

  height: 0;

  padding-bottom: 70%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.saleimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.saledetail {

  width: 50%;

  padding-left: 20px;

  box-sizing: border-box;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-align-items: center;

  align-items: center;

}

.saledetail h3 {

  margin-bottom: 5px;

  font-size: 18px;

  font-weight: 600;

  line-height: 30px;

}

.saledetail p {

  font-size: 12px;

  color: #666666;

  line-height: 30px;

}

.saledetail a {

  color: #00aeff;

}

.saledetail a.btn {

  margin-top: 10px;

  padding: 0 20px;

  color: #fff;

  line-height: 24px;

  border-radius: 2px;

  background: #00aeff;

  display: inline-block;

  vertical-align: top;

}

.paybox {

  width: 100%;

  padding: 50px 0;

  background: #f8f8f8;

}

.paystate {

  padding: 10px 50px 30px;

  border: 1px solid #bbe1f1;

  background: #eefaff;

}

.paystate h3 {

  padding: 20px 0;

  font-size: 30px;

  color: #5bbf23;

}

.paystate h3 i {

  margin-right: 10px;

  font-size: 38px;

  color: #5bbf23;

  font-family: icomoon;

  display: inline-block;

  vertical-align: top;

}

.paystate h3 i:after {

  content: "\e07d";

}

.paystate p {

  font-size: 16px;

  color: #666666;

  line-height: 32px;

}

.paystate p strong {

  color: #005375;

}

.buy {

  margin-bottom: 50px;

  zoom: 1;

}

.buy:after {

  content: "";

  display: block;

  clear: both;

}

.buyimg {

  width: 35%;

  float: left;

  display: inline;

  zoom: 1;

}

.buyimg:after {

  content: "";

  display: block;

  clear: both;

}

.buyimg ul {

  margin: 0 0 0 -3.33%;

  font-size: 0;

}

.buyimg ul li {

  width: 30%;

  margin: 0 0 0 3.33%;

  padding: 1%;

  border: 1px solid #ebebeb;

  box-sizing: border-box;

  background: #fff;

  display: inline-block;

  vertical-align: top;

}

.buyimg ul li.on {

  border-color: #00aeff;

}

.buyimg a {

  width: 100%;

  height: 0;

  float: left;

  display: inline;

  padding-bottom: 70%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.buyimg a img {

  min-width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.buybox {

  padding-left: 40%;

}

.buybox h1 {

  font-size: 24px;

  color: #00aeff;

  line-height: 36px;

}

.buybox form dl {

  z-index: 100;

}

.buybox form dl .dialog {

  border-radius: 6px;

  box-sizing: border-box;

  display: none;

}

.buybox form dl .dialog:before {

  display: none;

}

.buybox form dl .dialog.on {

  width: 400px;

  margin: -235px auto 0 -200px;

  padding: 0 30px;

  background: #fff;

  position: fixed;

  top: 50%;

  left: 50%;

  z-index: 1000;

  display: block;

}

.buybox form dl .dialog.on label {

  width: 100%;

}

.buybox form dl .dialog.on .input {

  padding: 0;

}

.buybox form dl .dialog.on .input input {

  width: 100%;

  height: 50px;

  padding: 0 10px;

  line-height: 50px;

  box-sizing: border-box;

}

.buybox form dl .dialog.on .input input.verifycode {

  width: calc(100% - 150px);

  padding-right: 100px;

}

.buybox form dl .dialog.on .input .verifyimg {

  width: 140px;

  height: 50px;

}

.buybox form dl .dialog.on .dialogtitle,

.buybox form dl .dialog.on .dialogbtn {

  display: block;

}

.buybox form dl .dialogtitle {

  margin-bottom: 20px;

  padding: 20px 0;

  font-size: 22px;

  text-align: center;

  border-bottom: 1px solid #ebebeb;

  position: relative;

  display: none;

}

.buybox form dl .dialogtitle .close {

  position: absolute;

  top: 25px;

  right: 0;

}

.buybox form dl .dialogtitle .close:after {

  content: "\e5cd";

  font-size: 22px;

  color: #666666;

  font-family: icomoon;

  cursor: pointer;

}

.buybox form dl .dialogbtn {

  margin-bottom: 30px;

  display: none;

}

.buybox form dl .dialogbtn .gobuy {

  width: 100%;

  height: 50px;

  font-size: 18px;

  color: #fff;

  border: 0;

  cursor: pointer;

  background: #00aeff;

}

.buybox form dl.in:before {

  content: "";

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 999;

}

.buybox form dt {

  margin-bottom: 15px;

  padding: 10px;

  line-height: 32px;

  border-radius: 5px;

  background: #ebebeb;

}

.buybox form dt label {

  width: 90px;

  float: left;

  display: inline;

  font-size: 16px;

  color: #333;

  line-height: 38px;

}

.buybox form dd {

  margin-bottom: 15px;

  line-height: 32px;

  overflow: hidden;

  zoom: 1;

}

.buybox form dd:after {

  content: "";

  display: block;

  clear: both;

}

.buybox form dd label {

  width: 90px;

  float: left;

  display: inline;

  font-size: 16px;

  color: #333;

}

.buybox form dd .input {

  padding-left: 100px;

}

.buybox form dd .input select {

  height: 30px;

  padding: 0 10px;

  line-height: 30px;

}

.buybox form dd .tip {

  margin: 0 15px 5px 0;

  padding: 0 10px;

  font-size: 14px;

  color: #ed5555;

  line-height: 26px;

  border: 1px solid #ed5555;

  background: #fff;

  display: inline-block;

  vertical-align: top;

}

.buybox form .surname,

.buybox form .memo,

.buybox form .verifycode {

  width: 180px;

  height: 27px;

  padding: 0 5px;

  border: 1px solid #e0e0e0;

  vertical-align: top;

}

.buybox form .verifycode {

  width: 90px;

  margin-right: 6px;

}

.buybox form .verifyimg {

  width: 80px;

  height: 29px;

}

.buybox form .price {

  padding-left: 100px;

  font-size: 14px;

  line-height: 34px;

}

.buybox form .price i {

  font-size: 20px;

  color: #ed5555;

}

.buyinfo {

  margin-bottom: 15px;

  font-size: 14px;

  color: #666666;

  line-height: 36px;

}

.buybtn {

  margin-top: 30px;

  text-align: center;

}

.buybtn a {

  padding: 0 30px;

  font-size: 16px;

  line-height: 40px;

  border-radius: 5px;

  border: 1px solid #ed5555;

  display: inline-block;

  vertical-align: top;

}

.buybtn a.gobuy,

.buybtn a.tobuy {

  color: #fff;

  background: #ed5555;

}

.buybtn a.consult {

  margin-left: 30px;

  color: #666666;

  border: 1px solid #ed5555;

  background: #fff;

}

.buybtn .gobuy,

.buybtn .tobuy {

  padding: 0 30px;

  font-size: 16px;

  color: #fff;

  line-height: 40px;

  border-radius: 5px;

  border: 1px solid #ed5555;

  cursor: pointer;

  background: #ed5555;

  display: inline-block;

  vertical-align: top;

}

.buyads,

.buymads {

  margin-bottom: 50px;

}

.buymads {

  display: none;

}

.buycon {

  padding-bottom: 50px;

  zoom: 1;

}

.buycon:after {

  content: "";

  display: block;

  clear: both;

}

.buyside {

  margin-bottom: 20px;

  border: 1px solid #ebebeb;

  background: #fff;

}

.buyside dl {

  padding: 20px;

}

.buyside h3 {

  font-size: 16px;

  color: #333;

  line-height: 38px;

  text-indent: 20px;

  background: #ebebeb;

}

.buyside dt {

  margin: 0 0 20px;

  font-size: 14px;

  font-weight: 600;

}

.buyside dd {

  font-size: 12px;

  line-height: 24px;

}

.buyside dd a {

  color: #666666;

}

.buyside dd a:hover {

  color: #00aeff;

}

.buyside dd.over {

  margin-bottom: 40px;

}

.buymain {

  padding-left: 260px;

}

.buymaintabnav {

  font-size: 0;

  border: 1px solid #ebebeb;

  background: #f5f5f5;

}

.buymaintabnav ul {

  display: inline-block;

  vertical-align: top;

}

.buymaintabnav li {

  line-height: 38px;

  display: inline-block;

  vertical-align: top;

}

.buymaintabnav li.on a {

  color: #00aeff;

  border-bottom: 2px solid #00aeff;

  background: #fff;

}

.buymaintabnav li a {

  padding: 0 20px;

  font-size: 16px;

  color: #333;

  border-bottom: 2px solid transparent;

  display: block;

}

.buymaintabnav span {

  line-height: 38px;

  display: inline-block;

  vertical-align: top;

}

.buymaintabnav span a {

  padding: 0 20px;

  font-size: 16px;

  color: #333;

  border-bottom: 2px solid transparent;

  display: block;

}

.buymaintabnav span a:hover {

  color: #00aeff;

  border-bottom: 2px solid #00aeff;

  background: #fff;

}

.buymaintabcon {

  padding: 20px;

  border: 1px solid #ebebeb;

  border-top: 0;

  background: #fff;

}

.buymaintabcon dl {

  display: none;

}

.buymaintabcon dl.on {

  display: block;

}

.buymaintabcon dl dt {

  margin: 0 -20px 20px;

  padding: 0 30px;

  line-height: 50px;

  background: #ebebeb;

}

.buymaintabcon dl dd {

  line-height: 28px;

}

.sale {

  margin-bottom: 30px;

  padding: 20px;

  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);

  background: #fff;

  zoom: 1;

}

.sale:after {

  content: "";

  display: block;

  clear: both;

}

.salethumb {

  width: 100%;

  height: 0;

  float: left;

  display: inline;

  margin-bottom: 2%;

  padding-bottom: 70%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.salethumb img {

  min-width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.postbox {

  zoom: 1;

}

.postbox:after {

  content: "";

  display: block;

  clear: both;

}

.postside {

  width: 120px;

  float: left;

  display: inline;

}

.postside li {

  margin-bottom: 30px;

  line-height: 45px;

}

.postside a {

  font-size: 15px;

  color: #666666;

}

.postside a img {

  display: none;

}

.postside a:hover,

.postside a.on {

  color: #00aeff;

}

.postlist {

  padding-left: 250px;

}

.postlist ul {

  padding-left: 40px;

}

.postlist li {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #ebebeb;

  overflow: hidden;

  zoom: 1;
  
  display: block;
  
  float:left;
  
  padding-left:6px;
  
  padding-right:6px;

}

.postlist li:after {

  content: "";

  display: block;

  clear: both;

}

.postlist li h2 {

  margin-bottom: 10px;

  line-height: 30px;

}

.postlist li h2 a {

  font-size: 18px;

  color: #333;

  font-weight: 600;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

}

.postlist li p {

  font-size: 12px;

  color: #666666;

  line-height: 28px;

  word-break: break-all;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.postcatelist {

  margin: 0 0 20px 40px;

  padding-bottom: 20px;

  line-height: 30px;

  border-bottom: 1px solid #ebebeb;

}

.postcatelist h3 {

  padding-right: 20px;

  font-size: 14px;

  color: #666666;

  font-weight: 600;

  display: inline-block;

  vertical-align: top;

}

.postcatelist h3 a {

  color: #666666;

}

.postcatelist h3 a:hover,

.postcatelist h3 a.on {

  color: #00aeff;

  border-bottom-color: #00aeff;

}

.postcatelist ul {

  padding: 0;

  font-size: 0;

  border: 0;

  display: block;

  vertical-align: top;

}

.postcatelist li {

  margin: 0 30px 0 0;

  padding: 0;

  border: 0;

  display: inline-block;

  vertical-align: top;

}

.postcatelist li a {

  font-size: 14px;

  color: #666666;

  border-bottom: 1px solid transparent;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: inline-block;

  vertical-align: top;

}

.postcatelist li a:hover,

.postcatelist li a.on {

  color: #00aeff;

  border-bottom-color: #00aeff;

}

.postcon {

  padding-left: 230px;

}

.postimg {

  width: 200px;

  float: left;

  display: inline;

  margin-bottom: 10px;

}

.postimg a {

  width: 100%;

  height: 0;

  padding-bottom: 70%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.postimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.postinfo {

  margin-bottom: 10px;

  line-height: 32px;

}

.postinfo span {

  padding: 0 5px;

  color: #999;

  display: inline-block;

  vertical-align: top;

}

.postinfo span a {

  vertical-align: top;

}

.postcata {

  font-size: 14px;

  color: #999;

}

.postcata a {

  color: #999;

  font-size: 14px;

}

.postcata:before {

  content: "\e072";

  margin-right: 5px;

  font-family: icomoon;

}

.postcate {

  font-size: 14px;

}

.postcate a {

  color: #999;

  font-size: 14px;

}

.postcate:before {

  content: "\e072";

  margin-right: 5px;

  font-family: icomoon;

}

.postuser {

  font-size: 14px;

}

.postuser a {

  color: #999;

}

.postuser:before {

  content: "\e936";

  margin-right: 5px;

  font-family: icomoon;

}

.posttime {

  font-size: 14px;

}

.posttime:before {

  content: "\e973";

  margin-right: 5px;

  font-family: icomoon;

}

.postviews {

  font-size: 14px;

}

.postviews:before {

  content: "\e004";

  margin-right: 5px;

  font-family: icomoon;

}

.imglist .postcatelist {

  margin-left: 0;

  padding-bottom: 10px;

}

.imglist .postcatelist ul {

  margin: 0;

}

.imglist .postcatelist li {

  width: auto;

  margin: 0 30px 0 0;

}

.imglist .postcatelist li a {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.imglist ul {

  margin-left: -2%;

}

.imglist li {

  width: 23%;

  margin: 0 0 2% 2%;

  display: inline-block;

  vertical-align: top;

}

.imglist .postimg {

  width: 100%;

  float: none;

  margin-bottom: 15px;

  display: block;

}

.imglist .postcon {

  padding: 0;

  text-align: center;

}

.imglist .postcon h2 {

  line-height: 22px;

}

.imglist .postcon h2 a {

  font-size: 16px;

  color: #333;

  font-weight: 600;

}

.imglist .postcon p {

  font-size: 14px;

  color: #666666;

  line-height: 24px;

  word-break: break-all;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.imglist .postinfo {

  display: none;

}

.listtip {

  padding: 10px;

  font-size: 14px;

  color: #999;

  text-align: center;

  line-height: 30px;

  background: #fff;

}

.listsale {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  text-align: center;

  white-space: nowrap;

  -webkit-text-overflow: ellipsis;

  -moz-text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  overflow: hidden;

  position: relative;

  z-index: 2;

  display: block;

}

.listprice {

  font-size: 18px;

  color: #ef232c;

  font-weight: bold;

  line-height: 30px;

  text-align: center;

  white-space: nowrap;

  -webkit-text-overflow: ellipsis;

  -moz-text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  overflow: hidden;

  position: relative;

  z-index: 2;

  display: block;

}

.pagebar,

.cmtpagebar {

  width: 100%;

  margin: 0 auto;

  font-size: 14px;

  text-align: center;
  
  display: flex;
  
  justify-content: center;

}

.pagebar .now-page,

.cmtpagebar .now-page {

  display: inline-block;

  color: #fff;

  font-weight: bolder;

  padding: 5px 10px;

  margin: 5px;

  border: 1px solid #00aeff;

  background: #00aeff;

}

.pagebar a,

.cmtpagebar a {

  margin: 4px 0;

  padding: 5px 10px;

  color: #777;

  font-weight: bolder;

  border: 1px solid #e2e2e2;

  background: #fff;

}

.pagebar a:hover,

.cmtpagebar a:hover {

  color: #00aeff;

  border: 1px solid #00aeff;

  background: #fff;

}

.pagebar .now-page {

  margin: 20px 0;

}

.pagination-loading {

  margin: 20px 0;

  padding: 10px 0;

  text-align: center;

  border-radius: 2px;

  background: #ebebeb;

}

.ias_trigger,

.ias_loader {

  margin: 0 0 20px;

  font-size: 16px;

  color: #888;

}

.ias_trigger a,

.ias_loader a {

  padding: 10px 0;

  font-size: 16px;

  color: #666;

  text-align: center;

  border: 1px solid #ebebeb;

  background: #fff;

  display: block;

}

.ias_trigger a:hover,

.ias_loader a:hover {

  color: #888;

  background: #ebebeb;

}

.sidebar {

  width: 228px;

  float: left;

  display: inline;

}

.sidebar.left {

  float: left;

  display: inline;

}

.sideads {

  margin-bottom: 20px;

  font-size: 0;

  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);

}

.sideimg {

  margin-bottom: 5px;

}

.sidebox {

  margin-bottom: 20px;

  padding: 10px 20px;

  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);

  background: #fff;

}

.sidebox ul {

  zoom: 1;

}

.sidebox ul:after {

  content: "";

  display: block;

  clear: both;

}

.sidebox li {

  margin-bottom: 10px;

  padding-bottom: 10px;

  font-size: 14px;

  color: #666666;

  border-bottom: 1px dotted #ebebeb;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

}

.sidebox li:before {

  content: "\e409";

  margin-right: 5px;

  font-size: 12px;

  font-family: icomoon;

}

.sidebox li:last-child {

  padding: 0;

  border: 0;

}

.sidebox li a {

  color: #666666;

}

.sidebox[id^="toyean"] li {

  width: 50%;

  float: left;

  white-space: nowrap;

  text-overflow: ellipsis;

  background: none;

  overflow: hidden;

}

.sidebox[id^="toyean"] li:last-child {

  padding-bottom: 10px;

  border-bottom: 1px dotted #ebebeb;

}

.sidebox.fixed {

  top: 20px;

}

.sidebar a {

  font-size: 15px;

  color: #666666;

}

.sidebar a:hover,

.sidebar a.on {

  color: #00aeff;

}

.sidetitle {

  margin-bottom: 16px;

  line-height: 36px;

  border-bottom: 1px dotted #ebebeb;

}

.sidetitle h3 {

  font-size: 16px;

}

.sidelist li {

  margin-bottom: 25px;

  padding-bottom: 20px;

}

.sidelist li:before {

  display: none;

}

.sidelistimg {

  margin-bottom: 10px;

}

.sidelistimg a {

  width: 100%;

  height: 0;

  padding-bottom: 70%;

  overflow: hidden;

  position: relative;

  display: block;

}

.sidelistimg a.playbtn:hover:before {

  content: "\e960";

  margin: -17px 0 0 -17px;

  padding: 2px 1px 2px 3px;

  font-size: 24px;

  color: #fff;

  font-family: icomoon;

  border: 3px solid #fff;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 99;

}

.sidelistimg a img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.sidelistimg a.on img {

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.sidelistname {

  position: relative;

}

.sidelistname a {

  margin-right: 50px;

  font-size: 14px;

  color: #666666;

  display: inline-block;

  vertical-align: top;

}

.sidelistname a:hover {

  color: #00aeff;

}

.sidelistname span {

  padding-left: 10px;

  font-size: 14px;

  color: #00aeff;

  background: #fff;

  position: absolute;

  top: 0;

  right: 0;

}

.sidetabnav {

  margin-bottom: 10px;

  font-size: 0;

  text-align: center;

}

.sidetabnav a {

  width: 50%;

  padding-bottom: 10px;

  font-size: 16px;

  text-align: center;

  border-bottom: 2px solid #f8f8f8;

  display: inline-block;

  vertical-align: top;

}

.sidetabnav a.on {

  border-bottom: 2px solid #00aeff;

}

.sidetabcon ul {

  display: none;

}

.sidetabcon ul.on {

  display: block;

}

.sidetabcon li {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.sidetabcon li span {

  width: 20px;

  height: 20px;

  margin: 0 10px 0 0;

  font-size: 14px;

  color: #fff;

  text-align: center;

  line-height: 20px;

  background: #ddd;

  display: inline-block;

  vertical-align: top;

}

.sidetabcon li:before {

  display: none;

}

.sidetabcon li:nth-child(1) span {

  background: #00aeff;

}

.sidetabcon li:nth-child(2) span {

  background: #32e0ff;

}

.sidetabcon li:nth-child(3) span {

  background: #64ffff;

}

.sidecon.guess li,

.sidecon.lastvisit li {

  white-space: normal;

}

.sidecon.guess li:before,

.sidecon.lastvisit li:before {

  display: none;

}

.sidecon.sidenav li {

  line-height: 45px;

}

.sidecon.sidenav a img {

  display: none;

}

.tsideimg {

  width: 40%;

  float: left;

  display: inline;

}

.tsideimg a {

  width: 100%;

  height: 0;

  padding-bottom: 70%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.tsideimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.tsidename {

  padding-left: 45%;

}

.tsidename p {

  width: 100%;

  text-overflow: -o-ellipsis-lastline;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.tsidename p a {

  font-size: 14px;

  color: #666666;

}

.tsidename span {

  margin: 2px 0 0;

  display: block;

}

.tsidename i {

  margin: 0 10px 0 0;

  color: #888;

}

.relates ul {

  margin-left: -2%;

  list-style: none;

  overflow: hidden;

  zoom: 1;

}

.relates ul:after {

  content: "";

  display: block;

  clear: both;

}

.relates li {

  width: 14.66%;

  margin: 0 0 20px 2%;

  overflow: hidden;

  display: inline-block;

  vertical-align: top;

}

.relates a {

  font-size: 14px;

  color: #666666;

  line-height: 22px;

  display: block;

}

.relates a:hover {

  color: #00aeff;

}

.relatescon span {

  width: 100%;

  height: 0;

  margin-bottom: 10px;

  padding-bottom: 70%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.relatescon img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.reltitle h3 {

  margin: 20px 0;

  font-size: 16px;

  line-height: 30px;

}

.single {

  padding: 30px 20px 50px;

  background: #fff;

}

.singletitle {

  margin-bottom: 50px;

  text-align: center;

  border-bottom: 1px dotted #ebebeb;

}

.singletitle h1 {

  font-size: 24px;

  line-height: 2;

}

.singlecon p {

  margin-bottom: 20px;

  font-size: 16px;

  line-height: 2;

}

.singlecon p a:hover {

  text-decoration: underline;

}

.singlecon .video {

  margin: auto;

}

.singlecon .video p {

  width: 100%;

  height: 0;

  padding-top: 20px;

  padding-bottom: 60%;

  overflow: hidden;

  position: relative;

  display: inline-block;

}

.singlecon .video p embed,

.singlecon .video p iframe,

.singlecon .video p table {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 0;

}

.pages {

  padding-top: 20px;

  border-top: 1px solid #eee;

  overflow: hidden;

  zoom: 1;

}

.pages:after {

  content: "";

  display: block;

  clear: both;

}

.pages a {

  color: #666666;

}

.pages p {

  height: 26px;

  margin: 0;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

a.backtolist {

  float: right;

  display: inline;

  margin: 8px 0 0;

  padding: 3px 30px;

  font-size: 14px;

  color: #00aeff;

  line-height: 28px;

  border: 1px solid #00aeff;

  border-radius: 50px;

}

a.backtolist:hover {

  color: #fff;

  background: #00aeff;

}

.pageside {

  margin-bottom: 20px;

  padding: 10px 20px;

  background: #fff;

}

.pageside li {

  line-height: 45px;

  border-bottom: 1px dotted #ebebeb;

}

.pageside li a {

  padding-right: 20px;

  font-size: 14px;

  color: #666666;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  position: relative;

  display: block;

}

.pageside li a:after {

  content: "\e409";

  font-size: 22px;

  color: #666666;

  font-family: icomoon;

  vertical-align: top;

  position: absolute;

  right: 0;

  top: 0;

}

.pageside li a:hover,

.pageside li a.on {

  color: #00aeff;

}

.pageside li a:hover:after,

.pageside li a.on:after {

  color: #00aeff;

}

.pageside li:last-child {

  border: 0;

}

.pageside a {

  font-size: 15px;

  color: #666666;

}

.pageside a img {

  display: none;

}

.pageside a:hover {

  color: #00aeff;

}

.pagecon {

  margin-bottom: 20px;

  padding-left: 250px;

}

.pagecon.advicebox {

  padding: 0 125px;

}

.pagedetail {

  padding: 20px;

  background: #fff;

}

.topimg {

  text-align: center;

}

.tabbox {

  margin: 40px 0 0;

  background: #ebebeb;

}

.tabbox .tabnav {

  width: 100%;

  margin-top: 30px;

  text-align: center;

  display: inline-block;

  vertical-align: top;

}

.tabbox .tabnav ul {

  margin-bottom: 20px;

}

.tabbox .tabnav li {

  width: 8%;

  text-align: center;

  line-height: 50px;

  cursor: pointer;

  display: inline-block;

  vertical-align: top;

}

.tabbox .tabnav li a {

  font-size: 16px;

  color: #666666;

  border-bottom: 2px solid transparent;

  display: block;

}

.tabbox .tabnav li a.on,

.tabbox .tabnav li a:hover {

  color: #00aeff;

  border-bottom: 2px solid #00aeff;

}

.tabbox .tabnav li br {

  display: none;

}

.tabbox .tabcon ul {

  margin-left: -2%;

  font-size: 0;

  display: none;

}

.tabbox .tabcon ul.on {

  display: block;

}

.tabbox .tabcon li {

  width: 23%;

  margin: 0 0 4% 2%;

  display: inline-block;

  vertical-align: top;

}

.tabbox .tabcon li a {

  font-size: 14px;

  color: #666666;

}

.tabbox .tabcon li a:hover {

  color: #00aeff;

}

.tabbox .tabimg {

  margin-bottom: 10px;

}

.tabbox .tabimg a {

  width: 100%;

  height: 0;

  padding-bottom: 61.7%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.tabbox .tabimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.tabbox .tabtitle {

  text-align: center;

}

.tabbox .tabtitle a {

  font-size: 14px;

  color: #666666;

}

.news {

  font-size: 0;

}

.newslist {

  width: 49%;

  display: inline-block;

  vertical-align: top;

}

.newslist li {

  margin-bottom: 20px;

  padding: 20px;

  box-sizing: border-box;

  background: #ebebeb;

  zoom: 1;

}

.newslist li:after {

  content: "";

  display: block;

  clear: both;

}

.newslistimg {

  width: 28%;

  float: left;

  display: inline;

}

.newslistimg a {

  width: 100%;

  height: 0;

  padding-bottom: 72%;

  text-align: center;

  overflow: hidden;

  position: relative;

  display: block;

}

.newslistimg img {

  width: 100%;

  min-height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.newslistcon {

  padding-left: 32%;

}

.newslistcon h3 {

  margin: 10px 0;

  line-height: 30px;

}

.newslistcon h3 a {

  font-size: 16px;

  color: #666666;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

}

.newslistcon p {

  font-size: 14px;

  color: #999;

  line-height: 24px;

  word-break: break-all;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.newstab {

  width: 49%;

  margin-left: 2%;

  display: inline-block;

  vertical-align: top;

}

.newstabnav {

  margin-bottom: 20px;

}

.newstabnav li {

  margin-right: 10px;

  padding: 0 30px;

  line-height: 40px;

  border-bottom: 2px solid #ebebeb;

  background: #ebebeb;

  display: inline-block;

  vertical-align: top;

}

.newstabnav li.on,

.newstabnav li:hover {

  border-bottom-color: #00aeff;

}

.newstabnav li a {

  font-size: 14px;

  color: #666666;

  display: block;

}

.newstabcon ul {

  display: none;

}

.newstabcon ul.on {

  display: block;

}

.newstabcon li {

  line-height: 42px;

  border-bottom: 1px dotted #ebebeb;

  zoom: 1;

}

.newstabcon li:after {

  content: "";

  display: block;

  clear: both;

}

.newstabcon li span {

  float: right;

  display: inline;

  font-size: 14px;

  color: #999;

  text-align: right;

  background: #f8f8f8;

}

.newstabcon li a {

  width: 72%;

  font-size: 16px;

  color: #666;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: inline-block;

}

.indexads,

.indexmads {

  text-align: center;

}

.indexmads {

  display: none;

}

.foot a:hover {

  text-decoration: underline;

}

.footer {

  padding: 20px 0;

  font-size: 0;

  background: #ebebeb;

}

.footitem {

  width: 50%;

  float: left;

  display: inline;

}

.footitem dl {

  width: 25%;

  font-size: 14px;

  display: inline-block;

  vertical-align: top;

}

.footitem dt {

  margin-bottom: 20px;

  font-size: 16px;

  color: #000;

}

.footitem dd {

  line-height: 26px;

}

.footitem dd a {

  font-size: 14px;

  color: #333;

}

.footcontact {

  width: 40%;

  float: right;

  display: inline;

  color: #333;

  text-align: center;

}

.footcontact dl {

  box-sizing: border-box;

  display: inline-block;

  vertical-align: top;

}

.footcontact dl.qr {

  width: 40%;

  margin-left: 30px;

  padding-left: 30px;

  font-size: 14px;

  text-align: center;

  border-left: 1px solid #ddd;

}

.footcontact dl.qr img {

  margin-bottom: 5px;

  background: #fff;

}

.footcontact dt {

  margin-bottom: 15px;

  font-size: 20px;

  font-weight: bold;

}

.footcontact dd {

  font-size: 14px;

  line-height: 22px;

}

.footcontact dd p {

  margin-bottom: 10px;

}

.footcontact dd strong {

  font-size: 22px;

  color: #00aeff;

  font-weight: normal;

}

.footcontact dd a.btn {

  width: 120px;

  color: #fff;

  line-height: 30px;

  text-decoration: none;

  border-radius: 3px;

  background: #00aeff;

  display: inline-block;

}

.copy {

  padding: 20px;

  font-size: 14px;

  color: #fff;

  line-height: 24px;

  text-align: center;

  background: #323232;

}

.copy a {

  color: #fff;

}

.copy a:hover {

  color: #00aeff;

  text-decoration: underline;

}

.friendlink ul {

  display: inline-block;

  vertical-align: top;

}

.friendlink ul li {

  margin-right: 10px;

  font-size: 14px;

  line-height: 22px;

  display: inline-block;

  vertical-align: top;

}

.friendlink ul li a {

  font-size: 14px;

  color: #666666;

  display: inline-block;

  vertical-align: top;

}

.friendlink ul li a:hover {

  color: #00aeff;

}

a.backtotop {

  width: 36px;

  height: 36px;

  margin-left: 620px;

  text-align: center;

  line-height: 36px;

  border-radius: 50%;

  cursor: pointer;

  opacity: .8;

  position: fixed;

  _position: absolute;

  left: 50%;

  bottom: 100px;

  _bottom: 30px;

  background: #ccc;

  overflow: hidden;

}

a.backtotop i:after {

  content: "\eb5c";

  font-size: 22px;

  color: #fff;

  font-family: icomoon;

}

a.backtotop:hover {

  background: #00aeff;

}

.btmnav {

  padding: 10px 0 0;

  font-size: 0;

  border-top: 2px solid #d6d6d6;

  background-color: #fff;

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 100;

  zoom: 1;

  display: none;

}

.btmnav:after {

  content: "";

  display: block;

  clear: both;

}

.btmnav a {

  width: 25%;

  font-size: 14px;

  color: #6a6a6a;

  text-align: center;

  line-height: 30px;

  text-decoration: none;

  border-radius: 5px;

  display: inline-block;

  vertical-align: top;

}

.btmnav a i {

  font-size: 1rem;

  color: #6a6a6a;

  font-family: icomoon;

  line-height: 20px;

  display: block;

}

.btmnav a:hover,

.btmnav a.on {

  color: #00aeff;

}

.btmnav a:hover i,

.btmnav a.on i {

  color: #00aeff;

}

.errortitle {

  margin: 20px 0 10px !important;

  padding-bottom: 10px;

}

.errortitle h1 {

  line-height: 1.5;

}

.errorpage {

  width: 420px;

  margin: 0 auto 50px;

  text-align: center;

}

.errorpage h3 {

  font-size: 98px;

  line-height: 150px;

  font-weight: bold;

  color: #666666;

  margin: 10px 0;

  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;

}

.errorpage h4 {

  font-size: 30px;

  color: #666666;

  line-height: 35px;

  margin: 10px 0;

}

.errorpage p {

  font-size: 14px;

  color: #666666;

  margin: 0 0 10px;

}

.errschtxt {

  float: left;

  width: 71%;

  position: relative;

  font-size: 14px;

  color: #666666;

  padding: 12px 17px;

  background-color: #fafafa;

  border: 1px solid #00aeff;

  border-radius: 2px;

  outline: 0;

  z-index: 2;

}

.errschbtn {

  width: 20%;

  font-size: 16px;

  color: #fff;

  padding: 10px 0;

  line-height: 22px;

  border: 0;

  border-radius: 2px;

  background: #00aeff;

  outline: 0;

  cursor: pointer;

}

.goback {

  padding: 10px 30px;

  font-size: 16px;

  color: #fff;

  text-align: center;

  border-radius: 2px;

  background: #00aeff;

}

.goback:hover {

  color: #fff;

  text-decoration: none;

  background: #14c2ff;

}

.a {

  width: 40%;

}

.a3 {

  width: 14%;

}

.b {

  width: 60%;

  position: relative;

  margin-top: 20px;

}

.b1 {

  border-right: 1px solid black;

  float: left;
  padding: 20px 15px;
  font-size: 22px;

}

.b3 {

  padding-left: 30px;

}

.c {

  width: 40%;

  margin-top: 20px;

  margin-bottom: 20px;

}

.c img {

  border-right: 1px solid black;

}

.c1 {

  width: 20%;
  float: left;

}

.c img {

  padding: 0 22px;



}

.c2 {

  width: 20%;
  float: left;

}

.c3 {

  width: 20%;
  float: left;

}

.d {

  float: right;

}

.c1 {

  padding-left: 12%;

}

.b_span {

  font-size: 15px;
  font-weight: bold;
  padding-left: 30px;

}

.salecon {
  border: 5px dashed #00AEEF;
  padding: 54px 0;
}

@media screen and (max-width: 1200px) {

  /* 新加 */

  .a {

    width: 35%;

  }

  .a_img {

    display: none;

  }

  .a_img2 {

    display: none;

  }

  .b {

    width: 100%;

  }

  .b1 {
    float: left;
    padding: 20px 15px;
    font-size: 22px;
  }

  .b_span {

    float: left;

    width: 50%;

    font-size: 15px;
    font-weight: bold;
    padding-left: 30px;

  }

  .c {

    width: 100%;

  }

  .c img {

    border-right: none;

  }



  /* 新加完 */

  .wrap {

    width: auto;

    padding: 0 20px;

  }

  .sublogo {

    display: none;

  }

  .all {

    display: none;

  }

  .menu {

    padding: 0;

  }

  .sitenav {

    padding: 20px 0 0;

  }

  .sitenav label {

    width: 100%;

    margin-bottom: 20px;

    text-align: center;

  }

  .sitenav ul {

    padding: 0;

  }

  .sitenav li {

    width: 33.33%;

    margin: 0;

    margin-bottom: 20px;

    text-align: center;

  }

  .sitenav li a {

    font-size: 16px;

  }

  .sitenav li a em {

    display: none;

  }

  .nums h3 {

    width: 100%;

    margin-bottom: 20px;

    text-align: center;

  }

  .nums ul {

    float: none;

    margin-left: -2%;

  }

  .nums li {

    width: 23%;

    margin: 0 0 2% 2%;

    text-align: center;

  }

  .nums li i {

    float: none;

    font-size: 38px;

    display: inline-block;

    vertical-align: top;

  }

  .selling .ads {

    display: none;

  }

  .sellingcon {

    padding: 0;

  }

  .pagecon.advicebox {

    padding: 0;

  }

  .saledetail h3 {

    margin-bottom: 5px;

  }

  .saledetail p {

    line-height: 24px;

  }

  .news {

    margin-bottom: 30px;

  }

  .newslist {

    width: 100%;

  }

  .newstab {

    width: 100%;

    margin: 0;

  }

  .tabbox .tabnav {

    margin-top: 10px;

  }

  .tabbox .tabnav li {

    width: 15%;

    line-height: 50px;

  }

  .relates li {

    width: 31.33%;

  }

  .imglist li {

    width: 31.33%;

  }

  .footitem {

    width: 100%;

    margin-bottom: 20px;

    padding-bottom: 20px;

    text-align: center;

    border-bottom: 1px solid #ddd;

  }

  .footcontact {

    width: 100%;

    float: none;

  }

  .footcontact dl {

    width: 50%;

    text-align: center;

  }

  .footcontact dl.qr {

    width: 50%;

    margin: 0;

    padding: 0;

  }

}

@media screen and (max-width: 750px) {
   body>#meiqia-container>.duqGkC{
      bottom: 2rem;
      left: 10.1rem;
  }

  .d {

    float: left;

  }

  .b_span {

    font-size: 15px;
    font-weight: bold;
    padding-left: 30px;

  }

  .b1 {
    float: left;
    padding: 20px 15px;
    font-size: 22px;
  }

  .wrap {

    padding: 0 10px;

  }

  .header {

    text-align: center;

  }

  .top {

    display: none;

  }

  .logo,

  .mlogo {

    float: none;

    margin-right: 0;

    display: inline-block;

  }

  .logo a,

  .mlogo a {

    width: auto;

    height: 60px;

  }

  .logo a img,

  .mlogo a img {

    width: auto;

    height: 60px;

  }

  .logo {

    display: none;

  }

  .menu {

    display: none;

  }

  .menuico {

    top: 11px;

    display: block;

  }

  .menu ul {
    position: absolute;
    top: 0;
    z-index: 999;
    background-color: white;
    width: 106%;
    left: -0.36rem;
  }

  .menu li {

    border-bottom: 1px dotted #ebebeb;
    width: 100%;
    padding-left: 20px;


  }

  .menu li a:before {
    display: none;

    content: ">";

    margin: 0 10px;

    font-size: 14px;

    color: #ddd;

  }

  .menu .tel {

    display: none;

  }

  .searchico {

    margin-top: 11px;

    display: block;

  }

  .focus {

    display: none;

  }

  .mfocus {

    display: block;

  }

  .sitenav .wrap {

    text-align: center;

  }

  .caption {

    padding: 30px 0;

  }

  .nums .wrap {

    margin-bottom: 0;

  }

  .nums h3 {

    margin-bottom: 10px;

  }

  .nums li {

    line-height: 20px;

  }

  .nums li i {

    width: 100%;

    font-size: 22px;

    line-height: 32px;

    background: none;

  }

  .nums li span {

    font-size: 14px;

  }

  .promise {

    display: none;

  }

  .selling .ads {

    width: 100%;

    margin-bottom: 20px;

    display: none;

  }

  .sellingcon {

    text-align: center;

  }

  .sellingcon li {

    width: 48%;

  }

  .indexads {

    display: none;

  }

  .indexmads {

    display: block;

  }

  .sale {
    padding: 0;
  }

  .salecon ul {

    margin: 0;

  }

  .salecon li {

    width: 100%;

    margin: 0;

    margin-bottom: 20px;

  }

  .buymain {

    padding: 0;

  }

  .buycon {

    margin-bottom: 30px;

    padding: 0;

  }

  .buyimg {

    width: 100%;

    float: none;

    margin-bottom: 20px;

    display: block;

  }

  .buybox {

    padding: 0;

  }

  .buyads {

    display: none;

  }

  .buymads {

    display: block;

  }

  .sidebar {

    display: none;

  }

  .service .tabnav li {

    width: 14%;

  }

  .service .tabnav li br {

    display: block;

  }

  .service .tabcon li {

    margin: 0;

  }

  .service .tabimg {

    width: 100%;

    margin: 0;

    margin-bottom: 20px;

  }

  .service .tabimglist {

    width: 100%;

    margin: 0;

  }

  .newstabnav li {

    width: 25%;

    margin: 0;

    padding: 0;

    text-align: center;

  }

  .postside {

    display: none;

  }

  .postlist {

    padding: 0;

  }

  .postlist ul {

    padding: 0;

    border: 0;

  }

  .postcatelist {

    margin-left: 0;

    padding-bottom: 10px;

  }

  .postinfo span.postuser {

    display: none;

  }

  .cateimg {

    display: none;

  }

  .catemimg {

    display: block;

  }

  .single {

    padding-top: 20px;

  }

  .singletitle {

    margin-bottom: 30px;

  }

  .singletitle h1 {

    font-size: 20px;

  }

  .pageside {

    display: none;

  }

  .pagecon {

    padding: 0;

  }

  .copy.hasnav {

    margin-bottom: 62px;

  }

  .friendlink {

    display: none;

  }

  .btmnav {

    display: block;

  }

  .pcico {

    display: none;

  }

  .errorsearch {

    text-align: center;

  }

  .errorpage {

    width: auto;

  }

  .errschtxt {

    width: 60%;

    float: none;

  }

}

@media screen and (max-width: 500px) {

  .a3 {

    width: 94%;

    margin-top: 5px;

  }

  .b1 {

    border-right: none;

    font-size: 18px;

    width: 20%;

    float: left;

    padding: 10% 0;

    text-align: center;

  }

  .b2 {

    width: 80%;

    float: left;

  }

  .b {

    margin-top: 5px;

    position: relative;

  }

  .b3 {

    font-size: 0.4rem;

    padding-left: 0.4rem;

  }

  .b_span {

    /* margin-top: 5%; */

    padding-left: 0.5rem;

    font-size: 0.4rem;

    width: 100%;

  }

  .c img {

    padding: 0 8px;

  }

  .c {
    margin: 5px 0;
    margin-top: -10px;
    display: none;
  }

  .salecon {
    padding: 10px 0;
  }



  .search {

    width: 100%;

    float: none;

    margin-bottom: 50px;

  }

  .saledetail h3 {
    font-size: 16px;
  }

  .search .text {

    width: calc(100% - 50px);

  }

  .tabbox .tabnav li {

    width: 20%;

    line-height: 20px;

  }

  .tabbox .tabnav li a {

    height: 50px;

    font-size: 14px;

    border-bottom-color: #ddd;

  }

  .tabbox .tabnav li a br {

    display: block;

  }

  .tabbox .tabcon li {

    width: 48%;

  }

  .newslist li {

    padding: 5px;

  }

  .newslistimg {

    width: 120px;

    margin-right: 10px;

  }

  .newslistcon {

    padding: 5px 10px 0 130px;

    border: 1px solid #ebebeb;

    border-top: 0;

  }

  .newslistcon h3 {

    margin: 0;

  }

  .newslistcon h3 a {

    width: 100%;

  }

  .newstabcon li a {

    width: 70%;

  }

  .newstabcon time {

    display: none;

  }

  .postimg {

    width: 100px;

    margin-bottom: 0;

    margin-right: 20px;

    display: block;

  }

  .postcon {

    padding: 0;

  }

  .postlist ul {

    display: block;

  }

  .postlist li {

    margin-bottom: 10px;

    padding-bottom: 10px;

  }

  .postlist li h2 {

    margin-bottom: 0;

  }

  .postlist li h2 a {

    font-size: 15px;

  }

  .postlist li p {

    line-height: 24px;

  }

  .postlist .postcatelist li {

    width: 25%;

    margin: 0;

    padding: 0;

  }

  .postlist .postcatelist li a {

    width: 100%;

  }

  .postlist .postcatelist li a:hover,

  .postlist .postcatelist li a.on {

    border: 0;

  }

  .postinfo {

    display: none;

  }

  .imglist .postcatelist li {

    width: 25%;

    margin: 0;

  }

  .imglist .postcatelist li a {

    width: 100%;

  }

  .imglist .postcatelist li a:hover,

  .imglist .postcatelist li a.on {

    border: 0;

  }

  .imglist li {

    width: 48%;

  }

  .single .postinfo {

    display: block;

  }

  .sitenav li {

    width: 50%;

    margin: 0;

    margin-bottom: 20px;

    line-height: 36px;

    text-align: center;

  }

  .sitenav li img {

    width: 36px;

    margin-right: 10px;

    vertical-align: top;

  }

  .sitenav li a {

    padding: 0;

    font-size: 14px;

  }

  .sitenav li a em {

    display: none;

  }

  .sitemap {

    line-height: 28px;

  }

  .buybox form dl .dialog.on {

    width: auto;

    margin: 25px auto 0;

    position: fixed;

    top: 0;

    left: 10px;

    right: 10px;

  }

  .buybox form dl .dialog.on .input input.verifycode {

    width: calc(100% - 110px);

    padding: 0 10px;

  }

  .buybox form dl .dialog.on .input .verifyimg {

    width: 100px;

  }

  .buymaintabnav ul {

    width: 66.66%;

  }

  .buymaintabnav li {

    width: 50%;

    text-align: center;

  }

  .buymaintabnav li a {

    padding: 0;

  }

  .buymaintabnav span {

    width: 33.33%;

  }

  .buymaintabnav span a {

    padding: 0;

    text-align: center;

  }

  .relates li {

    width: 48%;

  }

  a.backtolist {

    width: 99%;

    float: none;

    margin-bottom: 20px;

    padding: 3px 0;

    text-align: center;

    display: block;

  }

  .footer {

    padding: 30px 0;

  }

}